.wea-portal-account {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  padding-right: 10px;
  cursor: pointer;

  &-avatar {
    float: left;
    margin: 7px 10px;
    width: 41px;
    height: 41px;
  }

  &-username {
    float: left;
    margin-right: 5px;
  }

  &-icon {
    float: left;
    width: 20px;
    text-align: center;

    i {
      display: inline-block;
      transform: rotate(0deg);
      transition-duration: 0.3s;
    }
  }

  &.ant-popover-open {
    .wea-portal-account-icon {
      i {
        transform: rotate(180deg);
      }
    }
  }

  &-overlay {
    .ant-popover-arrow,
    .ant-popover-arrow:after {
      display: block;
    }

    .ant-popover-inner {
      min-width: 280px;
    }

    .ant-popover-inner-content {
      padding: 0;
    }
  }

  &-content {
    width: 280px;
    padding: 5px 0;
  }
}
